<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--引入 头部片段-->
    <div  th:replace="admin/common/back_common :: header"></div>

    <!--引入 左侧导航片段-->
    <div  th:replace="admin/common/back_common :: left"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!-- 查询条件开始-->

        <form class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <form class="layui-form" >
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">书名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="bookName" id="bookName" class="layui-input searchVal" placeholder="请输入书名" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">是否打折</label>
                            <div class="layui-input-inline">
                                <select name="isdiscount">
                                    <option value="">是否打折</option>
                                    <option value="0"></option>
                                    <option value="2">已打折</option>
                                    <option value="1">不打折</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">状态</label>
                            <div class="layui-input-inline">
                                <select name="state">
                                    <option value="">请选择状态</option>
                                    <option value="1">已发布</option>
                                    <option value="2">交易中</option>
                                    <option value="3">交易成功</option>
                                    <option value="4">已下架</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">开始时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="startTime" id="startTime" class="layui-input searchVal" placeholder="开始时间" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">结束时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="endTime" id="endTime" class="layui-input searchVal" placeholder="结束时间" />
                            </div>
                        </div>

                        <div class="layui-inline" th:each="parent:${classifyNode}" th:if="${not #lists.isEmpty(parent.classifyList)}">
                            <label class="layui-form-label" th:text="${parent.classifyName}">分类1</label>
                            <div class="layui-input-inline classifyId">
                                <select name="quiz1">
                                    <option value="">选择分类</option>
                                    <option value="0"  th:each="node:${parent.classifyList}" th:text="${node.classifyName}" th:value="${node.id}">分类11</option>
                                </select>
                            </div>
                        </div>

                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block" style="text-align: center;">
                            <button type="button" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>
                            <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
                        </div>
                    </div>
                </form>
            </blockquote>
        </form>
        <!-- 查询条件结束-->

        <!-- 数据表格开始 -->
        <div>
            <table class="layui-hide" id="booksTable" lay-filter="booksTable"></table>
            <!-- 工具栏 -->
            <div id="booksToolBar" style="display: none;">
            </div>

            <div id="booksRowBar" style="display: none;">
                <button type="button" lay-event="soldout" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-delete"></span>下架</button>
                <button type="button" lay-event="show" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-about"></span>查看</button>
            </div>
        </div>
        <!-- 数据表格结束 -->


    </div>


    <!-- 查看弹出层的开始 -->
    <div style="display: none;padding: 5px" id="showNoticeDiv">
        <h2 id="show_bookName" align="center"></h2>
        <div style="text-align: right;margin: 10px">
            <span>发布人:<span id="show_publisherName"></span></span>
            <span style="padding-left: 20px">发布时间:<span id="show_createtime"></span></span>
        </div>
        <hr>
        <div id="show_content" style="margin: 10px;padding: 10px;line-height: 25px;">
            <div class="layui-row">
                <div class="layui-col-xs6">
                    <div class="grid-demo grid-demo-bg1"><img width="140px" height="200px" id="show_img" src="/images/siji.jpg"></div>
                </div>
                <div class="layui-col-xs6">
                    <div class="grid-demo" >
                        <p>描述 <b>:</b> <span id="show_bookDescribe"></span></p>
                        <p>价格 <b>:</b> <span id="show_price"></span></p>
                        <p>是否打折 <b>:</b> <span id="show_isdiscount"></span></p>
                        <p>打折价 <b>:</b> <span id="show_discount"></span></p>
                        <p>状态 <b>:</b> <span id="show_state"></span></p>
                        <p>购买人 <b>:</b> <span id="show_purchaserName"></span></p>
                    </div>
                    <div id="dataEnd">

                    </div>
                </div>
            </div>


        </div>


    </div>
    <!-- 查看弹出层的结束-->


    <!--引入   底部固定区域 -->
    <div  th:replace="admin/common/back_common :: footer"></div>
</div>
<script src="/layui/layui.js"></script>
<script type="text/javascript" th:src="@{/js/admin/books.js}"></script>
</body>
</html>